$(function () {
    var param = { top: 6 };
    $.ajax({
        type: "POST", //访问WebService使用Post方式请求
        url: "http://www.sdmap.gov.cn/SDMapService/UpDateLogManage.svc/GetMapList",  //调用Url(WebService的地址和方法名称组合---WsURL/方法名)
        data: JSON.stringify(param), //这里是要传递的参数，为Json格式{paraName:paraValue}
        dataType: "json",
        contentType: "Application/json", // 发送信息至服务器时内容编码类型
        success: function (data) {
            var result = data;
            var listr = ['<li data-title="官方微信" class="hiSlider-item"><img src="../Content/Map/images/weixin.png" alt="官方微信"></li>'];

            for (var i = 0; i < result.length; i++) {
                var str = '<li data-title="' + result[i].Title + '"data-LargePic=http://124.128.48.212:8081/FileServer/' + result[i].LargePic + ' class="hiSlider-item"><img width="300px" height="165px" src=http://124.128.48.212:8081/FileServer/' + result[i].SmallPic + ' alt=' + result[i].Title + '></li>'
                listr.push(str);
            }

            $("#left_text .hiSlider").empty();
            $("#left_text .hiSlider").html(listr.join(''));

            $("#left_text .hiSlider").on("click", "li", function (e) {
                if ($(this).attr("data-title") != "官方微信") {
                    if ($("#HisliderDiv1").attr("isopen") == "1") {
                        $("#HisliderDiv1").hide();
                        $("#HisliderDiv2").hide();
                        $("#HisliderDiv1").attr("isopen", "0");
                    } else {
                        $("#HisliderDiv1").show();
                        $("#HisliderDiv2").show();
                        $("#HisliderDiv1").attr("isopen", "1");
                        $("#HisliderDiv2 img").attr("src", $(this).attr("data-LargePic"));
                        $("#HisliderDiv2 .toptitle").text($(this).attr("data-title"));
                    }
                }
            });

            $("#HisliderDiv2 .closebtn").click(function (e) {
                $("#HisliderDiv1").hide();
                $("#HisliderDiv2").hide();
                $("#HisliderDiv1").attr("isopen", "0");
            });

            $('.hiSlider').hiSlider({
                isFlexible: true,
                mode: 'fade'
            });
        },
        error: function (x, y, z) {
        }
    });
});